<script setup>
import { ref } from 'vue'
const activeName = ref('first')
import StudyCourse from './components/StudyCourse.vue'
import ProfessorCourse from './components/PrefessorCourse.vue'
</script>
<template>
  <div id="course" style="border-radius: 0.3125rem">
    <el-tabs v-model="activeName">
      <el-tab-pane label="我学的课" name="first">
        <StudyCourse></StudyCourse>
      </el-tab-pane>
      <el-tab-pane label="我教的课" name="second">
        <ProfessorCourse></ProfessorCourse>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<style lang="scss" scoped>
#course {
  height: auto;
  width: auto;
  padding: 1.25rem;
  background: white;
}
</style>
